<template>
  <div id="echartContainer9">
    <el-row>
      <el-col :span="8">
        <b class="b-title">实时招聘量</b>
        <br>
        <br>
        <b class="b-value">{{this.base.positionCount}}</b>
      </el-col>
      <el-col :span="8">
        <b class="b-title">实时企业数</b>
        <br>
        <br>
        <b class="b-value">{{this.base.companyCount}}</b>
      </el-col>
      <el-col :span="8">
        <b class="b-title">实时平均薪资</b>
        <br>
        <br>
        <b class="b-value">{{this.base.salaryAvg}}</b>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    name: "component9",
    props: {
      // base 数据，并设置初始值全零
      base: {
        type: Object,
        default: function () {
          return {positionCount: '0', companyCount: '0', salaryAvg: '0'}
        }
      }

    },
    data() {
      return {}
    }
  }
</script>

<style scoped lang="scss">
  #echartContainer9 {
    width: 100%;
    height: 100%;

    .el-row {
      .b-title {
        color: white;
      }

      .b-value {
        color: white;
        font-size: 30px;
      }
    }

    .bg-purple-dark {
      background: #99a9bf;
    }

    .bg-purple {
      background: #d3dce6;
    }

    .bg-purple-light {
      background: #e5e9f2;
    }

    .grid-content {
      border-radius: 4px;
      min-height: 36px;
    }

    .row-bg {
      padding: 10px 0;
      background-color: #f9fafc;
    }
  }
</style>
